<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>交易汇总</title>
		<link rel="stylesheet" href="__OEM__/css/iconfont.css" />
		<link rel="stylesheet" href="__OEM__/css/css.css" />
		<script src="__PUBLIC__/static/lib/echarts.min.js"></script>
	</head>

	<body>
		{include file="public/header" /}
			<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 统计管理 <span class="c-gray en">&gt;</span> 汇总查询
				<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
			</nav>
			<div class="index_content ">
				<div class="right">
					<div class="indrig_con">
						<div class="tongjbb_box">
							<div class="tongjititle">
								<p>统计报表</p>
							</div>
							<div class="tongj_wrap">
								<div class="tongji_numlist clearfix">
									<div class="tongj_numitem yinyee">
										<span class="title">会员</span>
										<p>
											<span class="tongji_numpri">{$data['mems']}个</span>
										</p>
									</div>
									<div class="tongj_numitem shoukje">
										<span class="title">商家</span>
										<p>
											<span class="tongji_numpri">{$data['agents']}家</span>

										</p>
									</div>
								</div>
							</div>
							<div class="tongji_typelist clearfix">
								<div class="tongji_typeitem" id="alipay">
									<p class="tongji_type">扫码支付</p>
									<p class="tongji_typribox">
										<span class="tongji_typri">{$data['sm_orders_ms']}</span>
										<span class="tongji_tynum">({$data['sm_orders']}笔)</span>
									</p>
								</div>
								<div class="tongji_typeitem" id="wechat">
									<p class="tongji_type">商城流水</p>
									<p class="tongji_typribox">
										<span class="tongji_typri">{$data['sc_orders_ms']}</span>
										<span class="tongji_tynum"></span>
									</p>
								</div>
								<div class="tongji_typeitem" id="alipay-bank">
									<p class="tongji_type">鼓励金</p>
									<p class="tongji_typribox">
										<span class="tongji_typri">{$data['sk_orders_ms']}</span>
										<span class="tongji_tynum">({$data['sk_orders']}笔)</span>
									</p>
								</div>
								
								<div class="tongji_typeitem" id="accounting-pay">
									<p class="tongji_type">记账</p>
									<p class="tongji_typribox">
										<span class="tongji_typri">0.00</span>
										<span class="tongji_tynum">(0笔)</span>
									</p>
								</div>
							</div>
						
						</div>
					<div id="main" style="height:400px; margin-top: 40px;"></div>
					 <script type="text/javascript">
						        // 基于准备好的dom，初始化echarts实例
						        var mp={$mp};
						        var myChart = echarts.init(document.getElementById('main'));
						       option = {
								    title : {
								        text: '交易数据分析',
								        x:'center'
								    },
								    tooltip : {
								        trigger: 'item',
								        formatter: "{a} <br/>{b} : {c} ({d}%)"
								    },
								    toolbox: {
								        show : true,
								        feature : {
								            mark : {show: true},
								            saveAsImage : {show: true}
								        }
								    },
								    calculable : true,
								    series : [
								       
								        {
								            name:'面积模式',
								            type:'pie',
								            radius : [20, 160],
								            center : ['50%', '50%'],
								            roseType : 'area',
								            data:[
								                {value:mp.sm, name:'扫码支付'},
								                {value:mp.sc, name:'商城交易'},
								                {value:mp.jz, name:'记账'}
								            ]
								        }
								    ]
								};
						
						        // 使用刚指定的配置项和数据显示图表。
						        myChart.setOption(option);
						
						    </script>
						    
					</div>
				</div>
			</div>
		<script src="__PUBLIC__/static/layui/layui.js" charset="utf-8"></script>
		<script>
		layui.use('laydate', function(){
		  var laydate = layui.laydate;
		  
		  //常规用法
		  laydate.render({
		    elem: '#test1'
		  });
		});
		</script>
		{include file="public/footer" /}
	</body>

</html>
